<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Happy Valentine's Day</title>
    <link rel="stylesheet" href="../css/jquery.fullPage.css">
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>
    <div class="bgcolor">
        <div style="z-index:100;" id="dowebok">
            <!--第一屏-->
            <div class="section">
                <div class="ly-box01">
                    <div class="ly-txt01">
                        <p class="ly-stxt01">依然还记得那是一个凉爽的国庆!(其实有点冷)🤭🤭</p>
                        <p class="ly-stxt02">时间过的真快啊</p>
                        <p class="ly-stxt03">一瞬即逝</p>
                        <p class="ly-stxt04">还记得那不化妆坚决不出门的时候 😄😄😄</p>
                        <p class="ly-stxt05">历历在目</p>
                    </div>
                    <div class="ly-txt02">
                        <p class="ly-stxt06">仿佛像是发生在昨天</p>
                        <p class="ly-stxt07">时间往前走</p>
                        <p class="ly-stxt08">再也回不去了</p>
                        <p class="ly-stxt09">今日迎来咱们第一个七夕!</p>
                        <p class="ly-stxt10">祝你：往下拉！😁😁😁</p>
                    </div>
                </div>
            </div>

            <!--第二屏-->
            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box11">
                    <div class="ly-txt11" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt12">

                    </div>
                    <div class="ly-imgbox11" style="height:80%">
                        <img class="ly-img11" src="../img/newBg7.png" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box12">
                    <div class="ly-txt13" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt14">
                        <p>亲爱的</p>
                        <p>我祝你所有的希望都能如愿</p>
                        <p>所有的梦想都能实现</p>
                        <p>所有的等候都能出现</p>
                        <p>所有的付出都能兑现在
                            <span style="color: #9508f3">下下下下下</span>
                            个七夕来临之即。。。。😄😂😂🤣🤣
                        </p>
                    </div>
                    <div class="ly-imgbox11" style="height:50%">
                        <img class="ly-img11" src="../img/newBg2.png" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle12"></div>

            </div>

            <!--第三屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint21"></div>
                <div class="ly-box21">
                    <div class="ly-txt21" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:200%;height:100%">
                    </div>
                    <div class="ly-txt22" style="left:10%;font-size: 38px">
                        <p>宝</p>
                        <p>贝</p>
                        <p>祝</p>
                        <p>你</p>
                    </div>
                    <div class="ly-imgbox21">
                        <img class="ly-img21" src="../img/newBg3.png">
                    </div>
                </div>
                <div class="ly-triangle21"></div>

                <div class="ly-box22">
                    <div class="ly-txt23" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:200%;height:100%">
                    </div>
                    <div class="ly-txt24">
                        <p>前世的五百次回眸</p>
                        <p>才能换来今生的与你相逢</p>
                        <p>如果是真的我原用一万次去换与你的相爱</p>
                        <p>告诉你：请看👇👇👇</p>
                    </div>
                    <div class="ly-imgbox22">
                        <img class="ly-img22" src="../img/newBg5.png">
                    </div>
                </div>
                <div class="ly-triangle22"></div>

                <div class="ly-box23">
                    <div class="ly-txt25" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt26">
                        <p>海没有枯</p>
                        <p>石也没有烂</p>
                        <p>我的爱人</p>
                        <p>只要你高兴</p>
                        <p>我会和它们一起统统改变过来😘😘😘</p>
                    </div>
                    <div class="ly-imgbox23" style="height: 50%">
                        <img class="ly-img23" src="../img/gifNew.gif" style="height: 100%">
                    </div>
                </div>
                <div class="ly-triangle23"></div>
            </div>

            <!--第四屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint31"></div>
                <div class="ly-box31">
                    <div class="ly-txt31" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt32">
                        <p>祝你：</p>
                        <p>福如东海老王八,啦啦啦！！！</p>
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;寿比南山大石头,啦啦！！！</p>
                    </div>
                    <div class="ly-imgbox31" style="height:50%">
                        <img class="ly-img31" src="../img/di22.jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle31"></div>

                <div class="ly-box32">
                    <div class="ly-txt33" style="width:100%;height:15%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt34">
                        <p>祈望你心灵深处芳草永绿，青春常驻，笑口常开。祝你七夕快乐，健康幸福！</p>
                    </div>
                    <div class="ly-imgbox31">
                        <img class="ly-img31" src="../img/di23.jpg" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle32"></div>
            </div>

            <!--第五屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box81">
                    <div class="ly-txt11" style="width:100%;height:5%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:200%;height:200%">
                    </div>
                    <div class="ly-txt82">
                        <p>酒越久越醇，朋友相交越久越真；</p>
                        <p>水越流越清，世间沧桑越流越淡。</p>
                        <p>祝七夕快乐，时时好心情!</p>
                    </div>
                    <div class="ly-imgbox81">
                        <img class="ly-img81" src="../img/eat.jpg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box82">
                    <div class="ly-txt13" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt84">
                        <p class="wwww1"> 七夕到了</p>
                        <p class="wwww1">愿我们有牛郎织女般浪漫的爱情</p>
                        <p class="wwww1">因为我想天天和你在一起</p>
                        <p class="wwww1">我希望我是牛郎，有了你的爱不管到哪我都会追随你</p>
                        <p class="wwww1">七夕快乐！！！</p>
                    </div>
                    <div class="ly-imgbox11" style="width:100%;height:50%;">
                        <img class="ly-img11" src="../img/newBg6.png" style="height:100%">
                    </div>
                </div>
                <div class="ly-triangle82"></div>
            </div>
            <!--第六屏-->

            <div class="section">
                <div class="timeline"></div>
                <div class="timepoint11"></div>
                <div class="ly-box81">
                    <div class="ly-txt11" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:200%;height:200%">
                    </div>
                    <div class="ly-txt82" style="top:8%">
                        <p class="wwww1">趁着年轻把能干的"坏"事都干了吧，😜😜</p>
                        <p class="wwww1">虽然相恋过程中</p>
                        <p class="wwww1">发生了一些不愉快</p>
                        <p class="wwww1">但我们后面会和平共处</p>
                        <p class="wwww1">我这人不怎么会表达出自己言语</p>
                        <p class="wwww1">可能你2分钟就看完了，可这让我掉了3天头发哈哈!</p>
                        <p class="wwww1">哈哈哈哈哈哈。。。。👴👴👴</p>
                    </div>
                    <div class="ly-imgbox81">
                        <img class="ly-img81" src="../img/haha.jpg">
                    </div>
                </div>
                <div class="ly-triangle11"></div>

                <div class="ly-box82">
                    <div class="ly-txt13" style="width:100%;height:10%;left:10%">
                        <img class="ly-img11" src="../img/happyQiXi.png" style="width:100%;height:100%">
                    </div>
                    <div class="ly-txt84">
                        <p>亲爱的顾雨:</p>
                        <!-- <p>今天是你的大生日!</p> -->
                        <p>在这个时刻，</p>
                        <p>我要送给你千万个嘱咐与问候，</p>
                        <p>这是最值钱的“寒酸”!</p>
                        <p>You are my sun, only you can make my sky clear</p>
                        <p>Is the night of candlelight </p>
                        <p>lit my dreams and ideals</p>
                        <p>away all the darkness and sadness </p>
                        <p>today is Tanabata</p>
                        <p>I want to tell you: thank you for your company!</p>
                        <p style="font-size: 13px">---------来自你的水瓶座男友!💖💖💖</p>

                    </div>
                    <div class="ly-imgbox11" style="height:100px;width:100px;left:30%;bottom: 10px">

                    </div>
                </div>
                <div class="ly-triangle82"></div>
            </div>

        </div>
        <!--试验-->
        <ul class="bg-bubbles">
            <li><img src="../img/baby3.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby7.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby4.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby5.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby9.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby6.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby8.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby10.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby11.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby13.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby14.jpg" style="width:100%;height:100%"></li>
            <li><img src="../img/baby15.jpg" style="width:100%;height:100%"></li>
        </ul>

    </div>
    <audio src="../music/刘若英-原来你也在这里.mp3" autoplay="autoplay" loop="loop">

        <script src="../js/jquery-1.8.3.min.js"></script>
        <script src="../js/jquery.fullPage.min.js"></script>
        <script src="../js/diy.js"></script>
</body>

</html>